<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link href="css/bootstrap.css" rel="stylesheet">
    <link href="css/font-awesome.css" rel="stylesheet">
    <link href="css/animate.css" rel="stylesheet">
    <link href="css/select2.css" rel="stylesheet">
    <link href="css/smoothness/jquery-ui-1.10.0.custom.css" rel="stylesheet">
    <link href="css/style.css" rel="stylesheet">
    <link href="css/detail.css" rel="stylesheet">

    <script src="js/jquery.js"></script>
    <script src="js/jquery-ui.js"></script>
    <script src="js/jquery-migrate-1.2.1.min.js"></script>
    <script src="js/jquery.easing.1.3.js"></script>
    <script src="js/superfish.js"></script>

    <script src="js/select2.js"></script>

    <script src="js/jquery.parallax-1.1.3.resize.js"></script>

    <script src="js/SmoothScroll.js"></script>

    <script src="js/jquery.appear.js"></script>

    <script src="js/jquery.caroufredsel.js"></script>
    <script src="js/jquery.touchSwipe.min.js"></script>

    <script src="js/jquery.ui.totop.js"></script>


    <script src="js/script.js"></script>

    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="js/html5shiv.min.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
</head>
<body class="not-front page-pages page-hotels">

<div id="main">

        <div class="top1_wrapper">
        <div class="container">
            <div class="top1 clearfix">
                <div class="email1"><a href="#">yangy945@qq.com</a></div>
                <div class="phone1">+159 7919 4321</div>
                <div class="social_wrapper">
                    <ul class="social clearfix">
                        <li><a href="#" data-toggle="modal" data-target="#loginModalbox">登录</a>
                            <!-- Modal -->
                            <div class="modal fade kd-loginbox" id="loginModalbox" tabindex="-1" role="dialog"
                                 aria-labelledby="myModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-body">
                                            <a href="#" class="close" data-dismiss="modal" aria-label="Close"><span
                                                    aria-hidden="true">&times;</span></a>
                                            <div class="kd-login-title">
                                                <div class="kd-login-sepratore"><span>登录</span></div>
                                            </div>
                                            <form>
                                                <p><i class="fa fa-envelope-o"></i> <input type="text" placeholder="邮箱">
                                                </p>
                                                <p><i class="fa fa-lock"></i> <input type="password" placeholder="密码">
                                                </p>
                                                <p><input type="submit" value="马上登录" class="thbg-color"></p>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                        <li>
                            <a href="#" data-toggle="modal" data-target="#registerModalbox">注册</a>
                            <div class="modal fade kd-loginbox" id="registerModalbox" tabindex="-1" role="dialog"
                                 aria-labelledby="myModalLabel" aria-hidden="true">
                                <div class="modal-dialog">
                                    <div class="modal-content">
                                        <div class="modal-body">
                                            <a href="#" class="close" data-dismiss="modal" aria-label="Close"><span
                                                    aria-hidden="true">&times;</span></a>
                                            <div class="kd-login-title">
                                                <div class="kd-login-sepratore"><span>注册</span></div>
                                            </div>
                                            <form>
                                                <p><i class="fa fa-envelope-o"></i> <input type="text" placeholder="邮箱">
                                                </p>
                                                <p><i class="fa fa-lock"></i> <input type="password" placeholder="密码">
                                                </p>
                                                <p><i class="fa fa-lock"></i> <input type="password" placeholder="确认密码">
                                                </p>
                                                <p><input type="submit" value="立即注册" class="thbg-color"></p>
                                            </form>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </li>
                    </ul>
                </div>
                <div class="lang1">
                    <div class="dropdown">
                        <button class="btn btn-default dropdown-toggle" type="button" id="dropdownMenu1"
                                data-toggle="dropdown" aria-haspopup="true" aria-expanded="true">简体中文<span
                                class="caret"></span>
                        </button>
                        <ul class="dropdown-menu" aria-labelledby="dropdownMenu1">
                            <li><a class="ge" href="#">German</a></li>
                            <li><a class="en" href="#">English</a></li>
                            <li><a class="ru" href="#">Russian</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <div class="top2_wrapper">
        <div class="container">
            <div class="top2 clearfix">
                <header>
                    <div class="logo_wrapper">
                        <a href="index.html" class="logo">
                            <img src="images/logo.png" alt="" class="img-responsive">
                        </a>
                    </div>
                </header>
                <div class="navbar navbar_ navbar-default">
                    <button type="button" class="navbar-toggle collapsed" data-toggle="collapse"
                            data-target=".navbar-collapse">
                        <span class="sr-only">Toggle navigation</span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                        <span class="icon-bar"></span>
                    </button>
                    <div class="navbar-collapse navbar-collapse_ collapse">
                        <ul class="nav navbar-nav sf-menu clearfix">
                            <li><a href="index.html">首页</a></li>
    						<li><a href="about.html">关于我们</a></li>
    						<li><a href="gallery.html">旅游图册</a></li>
                            <li><a href="hotels.html">酒店</a></li>
                            <li><a href="contacts.html">联系我们</a></li>
                        </ul>
                    </div>
                </div>
            </div>
        </div>
    </div>


    <div class="breadcrumbs1_wrapper">
        <div class="container">
            <div class="breadcrumbs1"><a href="index.html">主页</a><span>/</span><a
                    href="index.html">全部</a><span>/</span>酒店
            </div>
        </div>
    </div>


    <div id="content">
        <div class="container">

            <div class="tabs_wrapper tabs1_wrapper">
                <div class="tabs tabs2">
                    <div class="tabs_tabs tabs1_tabs">

                        <ul>
                            <li class="active hotels"><a href="#tabs-2">Hotels</a></li>
                        </ul>

                    </div>
                    <div class="tabs_content tabs1_content">
                        <div id="tabs-2">
                            <form action="javascript:;" class="form1">
                                <div class="row">
                                    <div class="col-sm-4 col-md-4">
                                        <div class="select1_wrapper">
                                            <label>城市或酒店名称:</label>
                                            <div class="select1_inner">
                                                <select class="select2 select" style="width: 100%">
                                                    <option value="1">输入目的地或酒店名称</option>
                                                    <option value="2">古韵堂韩屋民宿</option>
                                                    <option value="3">浪漫马库斯图姆酒店</option>
                                                    <option value="4">伽尼·库普法佐弗酒店</option>
                                                    <option value="5">伯格弗里德旅馆</option>
                                                    <option value="6">阿罗哈胶囊旅馆 </option>
                                                    <option value="7">雅典卫城</option>
                                                    <option value="8">五渔村</option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="input1_wrapper">
                                            <label>入住日期:</label>
                                            <div class="input1_inner">
                                                <input type="text" class="input datepicker" value="月/日/年">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="input1_wrapper">
                                            <label>离店日期:</label>
                                            <div class="input1_inner">
                                                <input type="text" class="input datepicker" value="月/日/年">
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="select1_wrapper">
                                            <label>房间:</label>
                                            <div class="select1_inner">
                                                <select class="select2 select" style="width: 100%">
                                                    <option value="1">  1 </option>
													<option value="3">  2 </option>
                                                    <option value="3">  3 </option>
													<option value="3">  4 </option>
                                                    <option value="5">  5 </option>
                                                    <option value="6">  6 </option>
                                                    <option value="7">  7 </option>
                                                    <option value="8">  8 </option>
                                                </select>
                                            </div>
                                        </div>
                                    </div>
                                    <div class="col-sm-4 col-md-2">
                                        <div class="button1_wrapper">
                                            <button type="submit" class="btn-default btn-form1-submit">搜索</button>
                                        </div>
                                    </div>
                                </div>
                            </form>
                        </div>
                        <div class="row">
                            <div class="col-sm-12">

                                <div class="single-top">
                                    <div class="col-md-6 single-left">
                                        <a href="details.html"><img src="images/16.jpg" class="img-responsive" alt=""></a>
                                    </div>
                                    <div class="col-md-6 single-right">
                                        <h3><a href="details.html">宾夕法尼亚酒店</a></h3>
                                        <p><strong>入住日期：</strong>2019-2-10至2019-2-20</p>
                                        <p><strong>房价：</strong>￥100/天</p>
                                        <p><strong>总价：</strong>￥100/天</p>
                                        <h5>订房信息</h5>
                                        <h6>姓名：xxx</h6>
                                        <h6>电话：xxx</h6>
                                        <h6>人数：xxx</h6>
                                        <h6>备注：xxx</h6>
                                    </div>
                                    <div class="clearfix"> </div>
                                </div>
                                <div class="single-top">
                                    <div class="col-md-6 single-left">
                                        <a href="details.html"><img src="images/16.jpg" class="img-responsive" alt=""></a>
                                    </div>
                                    <div class="col-md-6 single-right">
                                        <h3><a href="details.html">依奈尔酒店</a></h3>
                                        <p><strong>入住日期：</strong>2019-2-10至2019-2-20</p>
                                        <p><strong>房价：</strong>￥100/天</p>
                                        <p><strong>总价：</strong>￥100/天</p>
                                        <h5>订房信息</h5>
                                        <h6>姓名：xxx</h6>
                                        <h6>电话：xxx</h6>
                                        <h6>人数：xxx</h6>
                                        <h6>备注：xxx</h6>
                                    </div>
                                    <div class="clearfix"> </div>
                                </div>
                            </div>
                        </div>
                        <div class="pager_wrapper">
                            <ul class="pager clearfix">
                                <li class="prev"><a href="#">上一页</a></li>
                                <li class="li"><a href="#">1</a></li>
                                <li class="active"><a href="#">2</a></li>
                                <li class="li"><a href="#">3</a></li>
                                <li class="li"><a href="#">4</a></li>
                                <li class="li"><a href="#">5</a></li>
                                <li class="li"><a href="#">6</a></li>
                                <li class="li"><a href="#">7</a></li>
                                <li class="li"><a href="#">8</a></li>
                                <li class="li"><a href="#">9</a></li>
                                <li class="li"><a href="#">10</a></li>
                                <li class="next"><a href="#">下一页</a></li>
                            </ul>
                        </div>
                    </div>
                </div>
            </div>


        </div>
    </div>



 <div class="bot1_wrapper">
        <div class="container">
            <div class="row">
                <div class="col-sm-3">
                    <div class="logo2_wrapper">
                        <a href="index.html" class="logo2">
                            <img src="images/logo2.png" alt="" class="img-responsive">
                        </a>
                    </div>
                    <p>
                        视野旅游网，以“一起去旅游”为行动指南，意在打造一个开心快乐的旅游平台
                    </p>
                    <p>
                        <a href="#" class="btn-default btn2">Read More</a>
                    </p>
                </div>
                <div class="col-sm-3">
                    <div class="bot1_title">旅游指导</div>
                    <ul class="ul1">
                        <li><a href="#">待加入</a></li>
                    </ul>

                    <div class="social2_wrapper">
                        <ul class="social2 clearfix">
                            <li class="nav1"><a href="#"></a></li>
                            <li class="nav2"><a href="#"></a></li>
                            <li class="nav3"><a href="#"></a></li>
                            <li class="nav4"><a href="#"></a></li>
                            <li class="nav5"><a href="#"></a></li>
                            <li class="nav6"><a href="#"></a></li>
                        </ul>
                    </div>

                </div>
                <div class="col-sm-3">
                    <div class="bot1_title">我们的推荐</div>
                    <div class="twits1">
                        <div class="twit1">
                            <a href="#"> @travel</a> 普罗旺斯，美妙的旅途
                            <div class="date">5 minutes ago</div>
                        </div>
                        <div class="twit1">
                            <a href="#">@leo</a> 巴黎圣母院，遗憾至极
                            <div class="date">2 days ago</div>
                        </div>
                    </div>
                </div>
                <div class="col-sm-3">
                    <div class="bot1_title">时事指南</div>
                    <div class="newsletter_block">
                        <div class="txt1">内容不断更新中...</div>
                        <div class="newsletter-wrapper clearfix">
                            <form class="newsletter" action="javascript:;">
                                <input type="text" name="s" value='Email Address'
                                       onBlur="if(this.value=='') this.value='Email Address'"
                                       onFocus="if(this.value =='Email Address' ) this.value=''">
                                <a href="#" class="btn-default btn3">提交</a>
                            </form>
                        </div>
                    </div>
                    <div class="phone2">159 8766 7931</div>
                    <div class="support1"><a href="#">yangy@qq.com</a></div>
                </div>
            </div>
        </div>
    </div>

    <div class="bot2_wrapper">
        <div class="container">
            <div class="left_side">
                Copyright &copy; 2019.Yangyan·Liao.<a target="_blank" href="#"></a>
            </div>
            <div class="right_side"></div>
        </div>
    </div>
</div>
<script src="js/bootstrap.min.js"></script>
</body>
</html>